import React from 'react';
import { Row, Col } from 'antd';
import AdvancedCard from './AdvancedCard';

const firstApps = Array(12).fill({
    title: '昇腾AI创新大赛集训营南京站学习笔记—Ascend量子开发课程',
    description: 'Device负责指定计算运行的真实设备，包含aclrtSetDevice、arlrtResetDevice、aclrtGetDevice、aclrtGetRunMode等众多运行时接口用于进行device管理。执行加队列是因为，Enque本身是堵塞的，有一个责指定计算运行的真实设备。执行加队列是因为，Enque本身是堵运行时...',
    date: '2024-06-04',
    views: '105',
    likes: '234',
    comments: 15,
    username: '北小邮',
    tags: ['华为云', '人工智能'],
    image: '/32.png', // 替换为实际图片路径
    link: '#'
});
const secondApps = Array(12).fill({
    title: '昇腾AI创新大赛集训营南京站学习笔记—Ascend量子开发课程',
    description: 'Device负责指定计算运行的真实设备，包含aclrtSetDevice、arlrtResetDevice、aclrtGetDevice、aclrtGetRunMode等众多运行时接口用于进行device管理。执行加队列是因为，Enque本身是堵塞的，有一个责指定计算运行的真实设备。执行加队列是因为，Enque本身是堵运行时...',
    date: '2024-06-04',
    views: '105',
    likes: '234',
    comments: 15,
    username: '北小邮',
    tags: ['华为云', '人工智能'],
    image: '/32.png', // 替换为实际图片路径
    link: '#'
});
const apps = [...firstApps, ...secondApps];


const AdvanceMarket: React.FC = () => {
  return (
    <div className="app-market">
      <Row gutter={[0, 0]}>
        {apps.map((app, index) => (
          <Col key={index} span={24}>
            <AdvancedCard app={app} />
          </Col>
        ))}
      </Row>
    </div>
  );
};

export default AdvanceMarket;
